body, a, address, b, big, blockquote, body, center, cite, code, dd, del, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var {
    margin: 0;
    padding: 0;
}

input{
    background:none;
    outline:none;
    border:none;
}
body {
    font: 12px/150% Arial, Verdana, "\5b8b\4f53";
    color: #666;
    background: #fff;
    about: blank;
}

div {
    display: block;
}

.w {
    width: 990px;
    margin: 0 auto;
}

#logo {
    position: relative;
    width: 300px;
    margin: 10px 0;
    height: 60px;
    float: left;

}

.q-link {
    position: relative;
    color: #999;
    float: right;
    top: 52px;
}

.q-link b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 18px;
    height: 14px;
    margin: 0 5px;
    background: url(//misc.360buyimg.com/user/passport/1.0.0/css/i/q-icon.png) no-repeat;
    overflow: hidden;
    vertical-align: middle;
}

a {
    color: #666;
    text-decoration: none;
}

#logo b {
    display: block;
    width: 110px;
    height: 40px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(//misc.360buyimg.com/user/passport/1.0.0/css/i/l-icon.png) no-repeat;
}


a img {
    border: 0;
}

#logo b {
    display: block;
    width: 110px;
    height: 40px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(//misc.360buyimg.com/user/passport/1.0.0/css/i/l-icon.png) no-repeat;
}

#content {
    clear: both;
}

#content .tips-wrapper {
    background: #fff8f0;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

#content .tips-wrapper .cont-wrapper {
    display: inline-block;
    width: 90%;
}

#content .tips-wrapper .icon-tips {
    background: url(//misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2018-0827/i/icon-tips.png);
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 5px;
}

#content .tips-wrapper .tips-inner p {
    vertical-align: middle;
    color: #999;
    font-size: 12px;
    display: inline-block;
    *display: inline;
}

#content .login-wrap {
    margin-top: 0;
}

.login-wrap {
    position: relative;
    height: 475px;
    margin: 10px 0 20px;
    z-index: 5;
}


.login-wrap .login-form {
    float: right;
    top: 10px;
}

.login-form {
    height: 400px;
    position: relative;
    z-index: 4;
    background: #fff;
    overflow: visible;
    width: 346px;
}


.login-wrap .login-banner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 475px;
    background: #e93854;
}

.login-wrap .i-inner {
    position: relative;
    z-index: 3;
    height: 475px;
    /*background: url(/images/login_bg.jpg) 0px 0px no-repeat;*/
    /*background-color: #5C37D2;*/
}

.login-form .login-tab-l, .login-form .login-tab-r {
    width: 173px;
}

.login-form .login-tab {
    height: 54px;
    font-size: 18px;
    font-family: "microsoft yahei";
    text-align: center;
    border-bottom: 1px solid #f4f4f4;
    position: absolute;
    background: #fff;
    display: block;
}

.login-form .login-tab-r {
    right: 0;
}

.login-form .login-tab-l, .login-form .login-tab-r {
    width: 173px;
}

.login-form .login-tab a {
    width: 99%;
    height: 18px;
    position: absolute;
    left: 0;
    top: 18px;
    border-right: 1px solid #f4f4f4;
    text-decoration: none;
}

.login-form .login-tab-l:hover > a {
    font-weight: bold;
    color: #e93854;
}

.login-form .login-tab-r:hover > a {
    font-weight: bold;
    color: #e93854;
}

.login-form .checked {
    font-weight: bold;
    color: #e93854;
}

.login-form .form {
    position: relative;
    top: 70px;
    width: 306px;
    padding: 20px;
    overflow: visible;
    zoom: 1;
}

.form .item-fore1, .form .item-fore2 {
    border: 1px solid #bdbdbd;
    height: 38px;
    width: 304px;
}

.form .item-fore1 {
    z-index: 6;
}

.form .item {
    position: relative;
    margin-bottom: 20px;
    z-index: 1;
}

.form .item .name-label {
    background-position: 0 0;
}

.form .item .login-label {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 38px;
    height: 38px;
    border-right: 1px solid #bdbdbd;
    background: url(../images/sucai1.png) no-repeat;
}

.form .itxt {
    line-height: 18px;
    height: 18px;
    border: 0;
    padding: 10px 0 10px 50px;
    width: 254px;
    float: none;
    overflow: hidden;
    font-size: 14px;
    font-family: '\5b8b\4f53';
    *margin: -1px 0 0;
}

.form .item-fore1 .clear-btn, .form .item-fore2 .clear-btn {
    position: absolute;
    z-index: 20;
    right: 6px;
    top: 12px;
    width: 14px;
    height: 14px;
    background: url(../images/sucai1.png) -25px -143px no-repeat;
    cursor: pointer;
    display: none;
}

.form .item-fore2 {
    height: 38px;
    visibility: visible;
}

.form .item-fore4 {
    /*float: left;*/
    /*margin-top: 15px;*/
    /*float: right;*/

}

.form .login-box .safe {
    position: relative;
    /*float: right;*/
    *width: 305px;
}

.form .safe .forget-pw-safe {
    position: absolute;
    color: #666;

    *float: right;
    *position: static;
    right: 0;
    top: 0;
    margin: 0;
}

.form .safe .forget-pw-safe a:hover {
    color: red;
    text-decoration: underline
}

.form .safe span {
    margin-right: 15px;
    *float: left;
}

.form .item-fore5 {
    margin-bottom: 10px;
}

.form .login-btn {
    margin: 0 auto;
    height: 32px;
    position: relative;
}

.form .login-btn .btn-img {
    border: 1px solid #e85356;
    display: block;
    width: 302px;
    background: #e4393c;
    height: 31px;
    line-height: 31px;
    color: #fff;
    font-size: 20px;
    font-family: 'Microsoft YaHei';
}

.btn-img, .button {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: center;
    cursor: pointer;
}

.footer {
    padding-bottom: 30px;
    text-align: center;
}

.footer .links a, .footer .links span {
    margin: 0 10px;
}

.footer .copyright {
    margin: 10px 0;
}

.login-form .msg-error {
    width: 295px;
    position: relative;
    background: #ffebeb;
    color: #e4393c;
    border: 1px solid #faccc6;
    padding: 3px 15px 3px 40px;
    line-height: 15px;
    height: auto;
}
.item-fore4 b {
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: url(//misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2018-0827/i/pwd-icons-new.png) -104px -49px no-repeat;
}
.regist-link{
    position: relative;
    top: 70px;
    float: right;
    right: 20px;
    font-size: 14px;

}
.regist-link a{
    color: #e93854;
}
.regist-link a:hover{
    text-decoration: underline;
}